@import url(../../index.css);

._self_popover_content {
  .ant-popover-inner {
    padding: 0 !important;
  }
}

.react-draggable-dragging .title-bar .drag-handle {
  cursor: move;
}

.command-form:not(.command-form-array) *:not(.command-form-array) .ant-form-item {
  margin-bottom: 5px !important;
}

.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
  padding-block: 0 !important;
}

:where(.css-dev-only-do-not-override-1xi9k1g).ant-collapse .ant-collapse-content>.ant-collapse-content-box {
  margin-top: -20px;
}

.box {
  // border: 1.5px solid #b4bac1;

  .title-bar {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 4px;
    color: #ffffff;
    font-weight: 320;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    background-color: #464681;
    border-bottom: 2px solid #b4bac1;
    padding: 0 8px;
    border-radius: var(--border-radius-mini);

    .drag-handle {
      width: 200px;
      display: flex;
      flex: 1;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-radius: var(--border-radius);
      padding: 4px 6px;
      position: absolute;

      &:hover {
        background: #f0f0f0;
      }
    }

    .close-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: var(--border-radius);
      border: none;
      outline: none;
      cursor: pointer;
      background: none;

      &:hover {
        background: #ccc;
      }

      &:focus {
        border-color: grey;
        border-style: dashed;
        border-width: 1px;
      }
    }
  }

  .max-content {
    width: max-content;
  }

  .title-bar-expand {
    transform-origin: left top;
    transform: rotate(-90deg);
  }

  .custom-tab-bar .ant-tabs-tab {
    display: inline-flex;
    /* 内容自适应宽度 */
    justify-content: center;
    align-items: center;
    padding: 0px 4px;
    /* 设置内边距 */
    flex-direction: column;
    /* 图标与文字上下排列 */
    //border: 1px solid #d9d9d9; /* 边框 */
    border-radius: var(--ant-tabs-tab-active-radius);
    /* 圆角 */
    //background-color: #f5f5f5; /* 默认背景色 */
    // margin: 3px;
    /* 标签之间的间距 */
    transition: all 0.3s ease;
    /* 动画过渡 */

    gap: 6px;
    /* 图标与文字的间距 */
    border: none;
    /* 移除默认边框 */
  }

  .drag-bottom {
    height: 56px;
    border-top: 2px solid #d9d9d9;

    .drag-button {
      float: right;
      margin: 10px;
    }
  }

  /* 去掉 Tabs 容器底部横线 */
  .custom-tab-bar .ant-tabs-nav::before {
    content: none;
    /* 移除整体 Tabs 容器的横线 */
  }

  /* 去掉选中项下方横线 */
  .custom-tab-bar .ant-tabs-ink-bar {
    display: none;
    /* 完全隐藏 ink-bar */
  }

  /* 确保选中标题无底部伪元素 */
  .custom-tab-bar .ant-tabs-tab-btn::after,
  .custom-tab-bar .ant-tabs-tab-btn::before {
    content: none !important;
    /* 强制隐藏伪元素 */
  }

  /* 去掉 Tab 标题的任何边框或下划线 */
  .custom-tab-bar .ant-tabs-tab-btn {
    border: none !important;
  }

  .custom-tab-bar .ant-tabs-tab-active {
    background-color: #dbdbf7;
    /*选中背景色*/
    border-color: #dbdbf7;
    border-radius: var(--ant-tabs-tab-active-radius);
  }

  .custom-tab-bar .ant-tabs-tab:hover {
    background-color: rgba(#dbdbf7, 0.4);
    /*悬停背景色*/
    border-radius: var(--ant-tabs-tab-active-radius);
  }



  .tab-content {
    display: flex;
    flex-direction: column;
    /* 图标和文字上下排列 */
    align-items: center;
    justify-content: center;
  }

  .anticon anticon-star {
    margin-right: 0 !important;
  }

  .tab-content span {
    margin-top: 6px;
    /* 图标和文字的间距 */
    font-size: 10px;
    color: #000;
  }

  :where(.css-dev-only-do-not-override-99eidk).ant-tabs .ant-tabs-tab .anticon:not(:last-child) {
    margin-right: 0 !important;
  }

  :where(.css-dev-only-do-not-override-99eidk).ant-tabs>.ant-tabs-nav,
  :where(.css-dev-only-do-not-override-99eidk).ant-tabs>div>.ant-tabs-nav {
    position: static !important;
    /* 替换为 static 或者移除 */
  }

}

.ant-tabs-top>.ant-tabs-nav {
  margin: 0 !important;
}

.ant-popover>.ant-popover-content>.ant-popover-inner {
  border-radius: var(--border-radius) !important;
}

// dropdown下拉item样式
._self-custom-dropdown {
  .ant-select-item {
    border-radius: var(--item-border-radius);
  }
}

._custom-dropdown-cont-p-6>.ant-popover-content>.ant-popover-inner {
  padding: 6px;
}

.box-expand {
  background: #ffffff;
  box-shadow:
    0px 4px 15px rgba(53, 72, 83, 0.1),
    0px 1px 4px rgba(53, 72, 83, 0.05);
}

.rjsf-disabled {
  opacity: 0.6;
}

.ant-checkbox-label {
  font-size: 12px;
}